<template>
    <div class="logo" @click="toogle">
        <Expand :class="{ 'toogle': props.flag }" style="width: 1.5em; height: 1.5em; margin-right: 8px" />
    </div>
</template>

<script setup lang="ts">
import { Expand } from '@element-plus/icons-vue';
const props = defineProps({flag: {
    type: Boolean,
    default: false
}})
const emit=defineEmits(['toogle'])
const toogle=()=>{
    emit('toogle')
}
</script>

<style scoped>
.logo {
    padding: 15px 0 0 15px;
    cursor: pointer;
}

.toogle {
    transform: rotate(180deg);
}
</style>